// 公共头像组件
<template>
    <div>
     <el-image
       lazy=true
       :src="imgurl" 
       :click="Gocenter"
     >
      <template #error>
       <el-avatar src="https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png" />
      </template>
     </el-image>
    </div>
</template>

<script setup>
import { ref } from "vue";


const imgurl=ref("");

const props=defineProps({
    imgurl:{
        type:String,
        default:""
    },

})


</script>

<style scoped>

    .el-image{
    width: 100%;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
    }

    .el-avatar{
    width: 100%;
    height: 100%;
    }
</style>